<template>
	<view class="fui-wrap">
		<fui-banner-arc background="linear-gradient(to bottom, #13a1ff, #9cd6f9)" :height="380">
			<view class="userinfo">
				<fui-avatar width="120" height="120" :src="userinfo.avatar"></fui-avatar>
				<view class="user">
					<fui-text :text="userinfo.nickname" color="#fff" block :size="28"></fui-text>
					<fui-text v-if="userinfo.mobile" :text="userinfo.mobile" color="#fff" block :size="28"></fui-text>
				</view>
			</view>
		</fui-banner-arc>
		<view style="position: relative;z-index: 99999;">
			<fui-card :margin="['0rpx','32rpx','10rpx','32rpx']">
				<fui-list>
					<fui-list-cell :padding="['32rpx','24rpx']" arrow @click="$navigateTo('index/rules?rules_type=monthly')">
						<image :src="`${baseUrl}assets/img/miniapp/month.png`" style="width: 40rpx;height: 40rpx;" mode="widthFix"></image>
						<fui-text style="margin-left: 10rpx;" text="月卡" color="#000" block :size="28"></fui-text>
					</fui-list-cell>
					<fui-list-cell :padding="['32rpx','24rpx']" arrow @click="$navigateTo('index/rules?rules_type=stored')">
						<image :src="`${baseUrl}assets/img/miniapp/chuzhi.png`" style="width: 40rpx;height: 40rpx;" mode="widthFix"></image>
						<fui-text style="margin-left: 10rpx;" text="储值卡" color="#000" block :size="28"></fui-text>
					</fui-list-cell>
					<fui-list-cell :padding="['32rpx','24rpx']" arrow @click="$navigateTo('index/coupon')">
						<image :src="`${baseUrl}assets/img/miniapp/youhuiquan.png`" style="width: 44rpx;height: 40rpx;" mode="widthFix"></image>
						<fui-text style="margin-left: 10rpx;" text="优惠券" color="#000" block :size="28"></fui-text>
					</fui-list-cell>
					<fui-list-cell :padding="['32rpx','24rpx']" arrow @click="$navigateTo('index/orders')">
						<image :src="`${baseUrl}assets/img/miniapp/tjilu.png`" style="width: 40rpx;height: 40rpx;" mode="widthFix"></image>
						<fui-text style="margin-left: 10rpx;" text="我的订单" color="#000" block :size="28"></fui-text>
					</fui-list-cell>
					<fui-list-cell :padding="['32rpx','24rpx']" arrow @click="$navigateTo('index/cars')">
						<image :src="`${baseUrl}assets/img/miniapp/jiaoche.png`" style="width: 44rpx;height: 40rpx;" mode="widthFix"></image>
						<fui-text style="margin-left: 10rpx;" text="我的车辆" color="#000" block :size="28"></fui-text>
					</fui-list-cell>
					<fui-list-cell :padding="['32rpx','24rpx']" arrow @click="$navigateTo('index/records')">
						<image :src="`${baseUrl}assets/img/miniapp/entry_car.png`" style="width: 40rpx;height: 40rpx;" mode="widthFix"></image>
						<fui-text style="margin-left: 10rpx;" text="停车记录" color="#000" block :size="28"></fui-text>
					</fui-list-cell>
					<fui-list-cell :padding="['32rpx','24rpx']" arrow @click="$navigateTo('index/plate?type=recovery')">
						<image :src="`${baseUrl}assets/img/miniapp/excep.png`" style="width: 40rpx;height: 40rpx;" mode="widthFix"></image>
						<fui-text style="margin-left: 10rpx;" text="欠费补缴" color="#000" block :size="28"></fui-text>
					</fui-list-cell>
					<fui-list-cell :padding="['32rpx','24rpx']" arrow @click="$navigateTo('index/invoice-list')">
						<image :src="`${baseUrl}assets/img/miniapp/invoice.png`" style="width: 40rpx;height: 40rpx;" mode="widthFix"></image>
						<fui-text style="margin-left: 10rpx;" text="我的发票" color="#000" block :size="28"></fui-text>
					</fui-list-cell>
					<fui-list-cell :padding="['32rpx','24rpx']" arrow @click="$navigateTo('index/notice')">
						<image :src="`${baseUrl}assets/img/miniapp/yijian.png`" style="width: 40rpx;height: 40rpx;" mode="widthFix"></image>
						<fui-text style="margin-left: 10rpx;" text="通知设置" color="#000" block :size="28"></fui-text>
					</fui-list-cell>
				</fui-list>
			</fui-card>
		</view>
	</view>
</template>

<script>
	import {methods,baseUrl} from '@/utils/core.js';
	export default {
		data() {
			return {
				baseUrl:baseUrl,
				safebottom:0,
				userinfo:''
			}
		},
		onLoad() {
			let that=this;
			that.$get('user/userinfo','',true).then(res=>{
				this.userinfo=res;
			});
			uni.getSystemInfo({
			  success: function (info) {
				that.safebottom=info.safeAreaInsets.bottom+100;
			  }
			});
		},
		methods: {
			...methods,
			
		}
	}
</script>

<style lang="scss" scoped>
	.fui-wrap{
		
	}
	.userinfo{
		display: flex;
		align-items: center;
		padding: 30rpx;
		padding-top: 130rpx;
		//#ifdef MP-ALIPAY
		padding-left: 100rpx;
		//#endif
		.user{
			display: flex;
			flex-direction: column;
			height: 80rpx;
			justify-content: center;
			margin-left: 30rpx;
		}
	}
</style>